<template>
	<view>
		<view class="tit tac fw fz18">请选择资产类型</view>
		<view class="list disp flw">
			<view :class="select==item.id?'listBar select disc jsa aic':'listBar disc jsa aic'" v-for="item,index in list" :key="item.id" @click="select=item.id">
				<view class="mess disc jsb aic">
					<image class="image" :src="item.image" mode=""></image>
					<text class="fz13 color6 tac">{{item.name}}</text>
				</view>
			</view>
		</view>
		<view class="addBtn tac colorf" @click="click">去添加</view>
	</view>
</template>

<script>
	import config from '@/common/config'
	export default {
		data() {
			return {
				select:null,
				list:[
					{id:1,image:config.baseImgUrl+'/minis/my/menuList/picture2.png',name:'按揭房信贷资料'},
					{id:2,image:config.baseImgUrl+'/minis/my/menuList/picture3.png',name:'保单贷资料'},
					{id:3,image:config.baseImgUrl+'/minis/my/menuList/picture4.png',name:'个人贴息贷资料'},
					{id:4,image:config.baseImgUrl+'/minis/my/menuList/picture5.png',name:'工薪贷资料'},
					{id:5,image:config.baseImgUrl+'/minis/my/menuList/picture1.png',name:'公积金贷资料'},
					{id:6,image:config.baseImgUrl+'/minis/my/menuList/picture7.png',name:'企业贴息资料'},
          {id:7,image:config.baseImgUrl+'/minis/my/menuList/picture6.png',name:'车辆信贷资料'},
					{id:8,image:config.baseImgUrl+'/minis/my/menuList/picture8.png',name:'商业商住楼写字楼厂房一抵押资料'},
					{id:9,image:config.baseImgUrl+'/minis/my/menuList/picture9.png',name:'商业商住楼写字楼二次抵押资料'},
					{id:10,image:config.baseImgUrl+'/minis/my/menuList/picture10.png',name:'商业写字楼按揭资料'},
					{id:11,image:config.baseImgUrl+'/minis/my/menuList/picture11.png',name:'企业税贷资料'},
					{id:12,image:config.baseImgUrl+'/minis/my/menuList/picture12.png',name:'企业流水贷资料'},
					{id:13,image:config.baseImgUrl+'/minis/my/menuList/picture13.png',name:'企业发票贷资料'},
					{id:14,image:config.baseImgUrl+'/minis/my/menuList/picture14.png',name:'住宅按揭资料'},
					{id:15,image:config.baseImgUrl+'/minis/my/menuList/picture15.png',name:'住宅抵押资料'},
					{id:16,image:config.baseImgUrl+'/minis/my/menuList/picture16.png',name:'住宅二次抵押资料'},
				]
			};
		},
		onLoad(option) {
		},
		methods:{
			click(){
        uni.navigateTo({
          url:`/pagesA/list/carInformation?id=${this.select}&flag=true`
        })
				// console.log('??',this.select);
        // if(this.select==7){
        //   uni.navigateTo({
        //     url:`/pages/setting/assetList?id=${this.select}`
        //   })
        // }
        // else if(this.select==1){
				// 	uni.navigateTo({
				// 		url:`/pages/setting/assetList?id=${this.select}`
				// 	})
				// }
				// else if(this.select==8){
				// 	uni.navigateTo({
				// 		url:`/pages/setting/assetList?id=${this.select}`
				// 	})
				// }
				// else if(this.select==9){
				// 	uni.navigateTo({
				// 		url:`/pages/setting/assetList?id=${this.select}`
				// 	})
				// }else if(this.select==10){
        //   uni.navigateTo({
        //     url:`/pages/setting/assetList?id=${this.select}`
        //   })
        // }
				// else if(this.select==13){
				// 	uni.navigateTo({
				// 		url:`/pages/setting/assetList?id=${this.select}`
				// 	})
				// }
				// else if(this.select==14){
				// 	uni.navigateTo({
				// 		url:`/pages/setting/assetList?id=${this.select}`
				// 	})
				// }
				// else if(this.select==15){
				// 	uni.navigateTo({
				// 		url:`/pages/setting/assetList?id=${this.select}`
				// 	})
				// }else if(this.select==16){
        //   uni.navigateTo({
        //     url:`/pages/setting/assetList?id=${this.select}`
        //   })
        // } else{
				// 	uni.navigateTo({
				// 		url:`/pagesA/list/carInformation?id=${this.select}`
				// 	})
				// }
			}
		}
	}
</script>

<style lang="scss">
.tit{
	padding: 50rpx;
}
.list{
	padding: 20rpx 40rpx;
	.listBar{
		width: 165rpx;
		height: 165rpx;
		border-radius: 6rpx;
		box-sizing: border-box;
		margin: 10rpx 28rpx;
		box-shadow: 0 0 20rpx #ccc;
		.mess{
			min-height: 90rpx;
		}
		.image{
			width: 80rpx;
			height: 80rpx;
		}
	}
	.select{
		border: 1rpx solid #0055ff;
	}
}
.addBtn{
	width: 80%;
	line-height: 80rpx;
	border-radius: 40rpx;
	background-color: #323CDD;
	margin: 40rpx auto;
}
</style>
